<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <title>配送详情</title>
  <link rel="stylesheet" type="text/css" href="../css/normalize.css">
  <link rel="stylesheet" type="text/css" href="../css/reset.css">
  <link rel="stylesheet" type="text/css" href="../js/mint-ui/mint-ui.css"/>
  <link rel="stylesheet" type="text/css" href="css/deliveryDetail20190521.css">
</head>
<body>
  <div class="deliveryDetail-main" id="deliveryDetail" v-cloak v-if="deliveryData">
    <div class="app-header-main">
        <i class="app-header-goback" @click="goback()">返回</i>
        <div class="app-header-title">{{deliveryTitle[deliveryType].title}}</div>
    </div>

    <div class="deliveryDetail-content" v-if="deliveryData">
        <div class="deliveryDetail-address">
            <div class="deliveryDetail-addressHeader" v-if="deliveryType == 0">
                <span>下单时间：{{deliveryData.createTime}}</span><span class="deliveryDetail-status orange">配送中</span>
            </div>
            <div class="deliveryDetail-addressHeader" v-else>
                <span>完成时间：{{deliveryData.deliveryFinishTime}}</span><span class="deliveryDetail-status orange">已完成</span>
            </div>
            <div class="deliveryDetail-addressContent">
                <div class="deliveryDetail-location"><img src="../image/location.png" class="deliveryDetail-locationImg"></div>
                <div class="deliveryDetail-userinfo">
                    <span class="deliveryDetail-userName">{{deliveryData.receiverName}}（{{deliveryData.sex === 'MALE' ? '先生' : '女士'}}）</span><span><em class="orange">{{deliveryData.mobile}}</em></span>
                    <div class="deliveryDetail-userinfoAddress">{{deliveryData.address}}</div>
                </div>
            </div>
        </div>

        <div class="deliveryDetail-goods">
            <ul class="deliveryDetail-goodslist">
                <li class="deliveryDetail-goodslist-li" v-for="item in deliveryData.shoppingCarList">
                    <img :src="item.goodsSkuImage" class="deliveryDetail-goodslistImg">
                    <div class="deliveryDetail-goodslistDetail">
                    <h3 class="deliveryDetail-goodslistTitle">{{item.goodsName}}</h3>
                        <p class="deliveryDetail-Supermarket">{{item.minSupermarketName}}</p>
                        <p class="deliveryDetail-price">单价：{{item.minPrice/100}}元</p>
                        <p class="deliveryDetail-total orange">合计：{{item.heJiPrice/100}}元</p>
                        <span class="deliveryDetail-goodslistNum">数量：×{{item.quantity}}</span>
                    </div>
                </li>
            </ul>
            <ul class="deliveryDetail-cost">
                <li class="deliveryDetail-cost-li"><span>商品总价</span><span class="deliveryDetail-costRight">{{deliveryData.goodsTotalPrice/100}}元</span></li>
                <li class="deliveryDetail-cost-li"><span>服务费</span><span class="deliveryDetail-costRight">{{deliveryData.serviceFee/100}}元</span></li>
                <li class="deliveryDetail-cost-li"><span>合计</span><span class="deliveryDetail-costRight">{{deliveryData.totalPrice/100}}元</span></li>
            </ul>
            <div class="deliveryDetail-actualReceipts"><span>实收</span><span class="deliveryDetail-actualRMB orange">{{deliveryData.payPrice/100}}元</span><em class="deliveryDetail-triangleGray"></em><i class="deliveryDetail-triangleWhite"></i></div>
        </div>

        <div class="deliveryDetail-details">
            <div class="deliveryDetail-detailsTitle">
                <i class="deliveryDetail-borderleft"></i>订单详情
            </div>
            <ul class="deliveryDetail-detailslist">
                <li class="deliveryDetail-detailslist-li"><span>订单编号：</span><span>{{deliveryData.ordersId}}</span></li>
                <!-- <li class="deliveryDetail-detailslist-li"><span>支付编号：</span><span>{{deliveryData.ordersId}}</span></li> -->
                <li class="deliveryDetail-detailslist-li"><span>创建时间：</span><span>{{deliveryData.createTime}}</span></li>
                <li class="deliveryDetail-detailslist-li"><span>发货时间：</span><span>{{deliveryData.boxTime}}</span></li>
                <li class="deliveryDetail-detailslist-li"><span>支付时间：</span><span>{{deliveryData.actualArriveTime}}</span></li>
            </ul>
        </div>
        <div class="deliveryDetail-btnContact">
            <a :href="'tel:' + deliveryData.serviceMobile" class="deliveryDetail-btnPoint">联系网点</a><a :href="'tel:' + deliveryData.mobile" class="deliveryDetail-btnConsignee">联系收货人</a>
        </div>
    </div>

    <div class="toast-container" v-if="errMsg">
        <div class="toast"><span v-html="errMsg"></span></div>
    </div>

    <button class="deliveryDetail-btnComplete" @click="btnSumbit()" v-if="deliveryData.communityStatus === 'DELIVERING'">完成配送</button>
  </div>
<script type="text/javascript" src="../js/vue.js"></script>
<script src="../js/layout.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript" src="../js/axios.min.js"></script>
<script type="text/javascript" src="/js/fetch20190612.js"></script>
<script type="text/javascript" src="/js/mint-ui/mint-ui.js"></script>
<script src="js/deliveryDetail201906181740.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
